body 
{
	padding: 0;
	margin: 0;
	height:auto;
	font-family:Arial, Tahoma, Helvetica, sans-serif;
	font-size:9pt;
	background: #FFF;
	color:#000;
}

img{
	border:none;
}

a{
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}

input, textarea, select, option{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:9pt;
}

/*====================================Page===================================*/
#page_website{
	width:100%;
	height:auto;
}

#page_header{
	width:100%;
	height:80px;
	background:#F1F1F1;
}

#page_menu{
	width:100%;
	height:35px;
	background:url(Image/bg_menu_one_item.png);
}

#page_container{	
	display: inline-block;
	background:#FFF;
}

#page_footer{
	width:100%;
	height:40px;
	background:#F1F1F1;
	border-top:1px solid #E2E2E2;
}

/*====================================Header and Footer===================================*/
.div_header{
	width:980px;
	text-align:left;
}

.div_header .div_header_top{
	width:100%;
	float:left;
	text-align:right;
	height:20px;
}

.div_header .div_header_bottom{
	float:left;
	width:100%;
}

.div_header .div_header_bottom .div_logo{
	float:left;
	width:220px;
	height:60px;
}

.div_header .div_header_bottom .div_tieude{
	float:left;
	width:760px;
	height:60px;
}

.div_header .div_header_bottom .div_tieude h3{
	margin:0;
	padding:0;
	font-size:20pt;
	line-height:60px;
	color:#005FA3;
	text-align:center;
	text-transform:uppercase;
}

.p_footer{
	text-align:center;
	color:#3B5998;
	padding:0;
	margin:10px 0 0 0;
	line-height:16px;
	width:100%;
}

/*=================================== Menu css ==================================*/
.div_menu{
	width:980px;
	height:35px;
	text-align:left;
}

#nav {padding:0; margin:0; list-style:none; height:38px; background:url(Image/bg_menu_one_item.png) repeat-x; position:relative; z-index:500;}
#nav li.top {display:block; float:left; height:38px;}
#nav li a.top_link {display:block; float:left; height:35px; line-height:33px; color:#FFF; text-decoration:none; font-weight:bold; padding:0 0 0 12px; cursor:pointer;background: url(Image/bg_menu_one_item.png);}
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(Image/bg_menu_one_item.png) right top no-repeat;}
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:35px; background: url(Image/bg_menu_items.png) no-repeat right top;}

#nav li:hover a.top_link {color:#f9eb04; background: url(Image/bg_menu_one_item_hover.png) no-repeat;}
#nav li:hover a.top_link span {background:url(Image/bg_menu_one_item_hover.png) no-repeat right top;}
#nav li:hover a.top_link span.down {background:url(Image/bg_menu_items_hover.png) no-repeat right top;}

/* Default list styling */

#nav li:hover {position:relative; z-index:200;}

#nav li:hover ul.sub{
	left:1px; 
	top:35px; 
	background: #F3F3F3; 
	padding:3px;
	border:1px solid #E3E3E3; 
	width:200px; 
	height:auto; 
	z-index:300;
}
#nav li:hover ul.sub li{
	display:block; 
	position:relative; 
	float:left; 
	width:200px; 
	min-height:26px;
	border-bottom:1px solid #E3E3E3;
	background:url(Image/node_menu.png) no-repeat scroll 0 top;
}

#nav li:hover ul.sub li:hover{
	background:#759FBF url(Image/node_menu_over.png) no-repeat scroll 0 top;
}

#nav li:hover ul.sub li.last{
	border-bottom:none;
}

#nav li:hover ul.sub li a{
	margin-top:4px;
	display:block; 
	line-height:18px; 
	color:#222222; 
	text-decoration:none;
	font-weight:bold;
	padding:0 10px 0 15px;
}

#nav li:hover ul.sub li span{
	display:block; 
	line-height:14px; 
	color:#464646; 
	font-size:8pt;
	text-align:justify;
	font-weight:normal;
	padding:2px 0px 6px 0px;
}

#nav li:hover ul.sub li:hover a{
	color:#FFF; 
}
#nav li:hover ul.sub li:hover span{
	color:#FFF; 
}

#nav li:hover li:hover ul
{left:200px; top:-4px; background: #F3F3F3; border:1px solid #E3E3E3; padding:3px; white-space:nowrap; width:200px; z-index:400; height:auto;}

#nav ul, 
#nav li:hover ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}


/*====================================Box===================================*/
.ul_path { 
	margin: 0; 
	padding: 0; 
	list-style: none;
}

.ul_path li{
	float:left; 
	margin:0;
	color:#005FA3; 
	line-height:20px;
}

.ul_path li.current{
	font-weight:bold;
}

.ul_path li span{
	float:left;
	padding:0 5px;
}

.ul_path li a{
	float:left;
	display:block;
	text-decoration:none;
	color:Blue;
}

.ul_path li a:hover{
	text-decoration:underline;
}

/*====================================Box===================================*/
.div_box{
	float:left;
    width:1300px;
	padding:4px 9px;
	border:1px solid #dfdfdf;
	border-radius: 3px;
	text-align:left;
	margin-bottom:5px;
}

.div_box h3{
	color:#444444;
	line-height:30px;
	padding:0px;
	margin:0;
	font-size:10pt;
	text-transform: uppercase;
	text-align:center;
	font-weight:bold;
	border-bottom:2px solid #dfdfdf;
}

/*====================================Box Shadow===================================*/
.div_box_shadow{
	float:left;
	width:595px;
	height:150px;
	padding:10px 9px;
	background-color: #FFFFFF;
    background-position: 50% 100%, 50% 50%;
    background-repeat: no-repeat;
    border: 1px solid #BDC6D7;
    border-radius: 3px;
    box-shadow: 0 1px rgba(0, 0, 0, 0.1), 0 -1px rgba(99, 149, 185, 0.1) inset, 0 -5px 15px rgba(223, 239, 249, 0.8) inset;
	margin-bottom:5px;
	text-align:left;
}

/*====================================Command===================================*/
.div_command{
	float:right;
	height:50px;
	margin-left:10px;
	padding:5px;
	cursor:pointer;
	border:1px solid #FFF;
}

.div_command:hover{
	background:url(Image/command_hover.png);
	border:1px solid #9eccfb;
	border-radius: 2px;
}

.div_command .div_command_icon{
	width:100%;
	height:32px;
	margin-bottom:2px;
	vertical-align:middle;
	text-align:center;
}

.div_command .div_command_icon img{
	max-width:32px;
	max-height:32px;
}

.div_command .p_command_text{
	padding:0;
	margin:0;
	line-height:16px;
	text-align:center;
	font-weight:bold;
	color:#005FA3;
}

.span_tieude{
	float:left;
	padding:0;
	margin:0;
	line-height:60px;
	color:#0B55C4;
	font-size:14pt;
	font-weight:bold;
}

/*====================================Command 1===================================*/
.div_command_main{
	float:left;
	width:110px;
	height:110px;
	margin-right:10px;
	margin-bottom:10px;
	padding:10px;
	cursor:pointer;
	border:1px solid #e0e0e0;
	background:#f9f9f9;
	border-radius:3px;
}

.div_command_main:hover{
	background:#E2E2E2;
	border:1px solid #9eccfb;
	border-radius: 3px;
}

.div_command_main .div_command_main_icon{
	width:100%;
	height:64px;
	margin-bottom:6px;
	margin-top:5px;
	vertical-align:middle;
	text-align:center;
}

.div_command_main .div_command_main_icon img{
	max-width:64px;
	max-height:64px;
}

.div_command_main .p_command_main_text {
	padding:0;
	margin:0;
	line-height:16px;
	max-height:32px;
	text-align:center;
	color:#4b4c47;
}

/*=================================== Trang chu ====================================*/
.div_top{
	float:left;
	width:100%;
	margin-top:5px;
}

.div_line{
	width:100%;
	float:left;
	margin-top:10px;
	margin-left:15px;
}

.div_line img{
	float:left;
	width:24px;
	height:24px;
	margin-right:6px;
}

.div_line p
{
	margin:5px 0 0 0;
	padding:0;
	line-height:20px;
	font-weight:bold;
}

.div_line .span_text{
	float:left;
	line-height:20px;
	padding-right:5px;
}

.div_line .span_normal{
	float:left;
	line-height:20px;
	font-weight:normal;
}

.div_line .span_special{
	float:left;
	line-height:20px;
	font-weight:bold;
	color:#FF0000;
}

.div_line a{
	font-weight:normal;
	color:#005FA3;
	font-style:italic;
	margin-left:5px;
}

.div_line a:hover{
	text-decoration:underline;
}

.div_container_command{
	float:left;
	width:435px;
}

/*=================================== Thong Bao ====================================*/
.ul_thongbao { 
	margin: 10px 0; 
	padding: 0; 
	list-style: none;
} 

.ul_thongbao li { 
	cursor: pointer;
	border-bottom:1px dotted #CACACA;
	padding:5px 0 3px 0;
	font-size:13px;
} 

.ul_thongbao a { 
	display: block;
	line-height:18px !important;
	color: #005FA3;
	background:url(/images/arrow.png) no-repeat;
	text-indent:10px !important;
}

.ul_thongbao a:hover { 
	text-decoration:underline;
}

/*=================================== GRID VIEW ====================================*/

/*====== HEADER =======*/
.GridView_TblHeader
{
	width:100%;
}
.GridView_TrHeader
{
	height:35px;
	vertical-align:middle;	
}
.GridView_TdHeaderSearchControl
{
	text-align:right;
	white-space:nowrap;
}

.GridView_TxtSearch
{	
	padding:2px;
	width:140px;
}
.GridView_BtnSearch
{
	width:50px;
	font-weight:bold;
	padding:1px;
}
.GridView_CboColumnName
{
	width:125px;
}
.GridView_CboOrderColumn
{
	width:85px;
}

.GridView_Combobox
{
	padding:2px;
}

/*====== TABLE MAIN =======*/
.GridView_TblMain
{
	border-right:solid 1px #dfdfdf;
	border-bottom:solid 1px #dfdfdf;
	width:100%;
}

.GridView_TrTitle
{
	background-color:#759fbf;
	height:35px;
}
.GridView_TdTitle
{	
	vertical-align:middle;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
}
.GridView_TrData_1
{
	background-color:#FFF;
	height:35px;
}

.GridView_TrData_2
{
	background-color:#f0eeee;
	height:35px;	
}

.GridView_TrData_1:hover, .GridView_TrData_2:hover
{
	background-color:#faf8b4;
	height:35px;
}

.GridView_TrSelected
{
	background-color:#faf8b4;
	height:35px;
}
.GridView_TdData
{
	text-align:left;
	vertical-align:middle;
}
.GridView_TdDataCenter
{
	text-align:center;
}
.GridView_TdDataImportant
{
	/*color:#0000FF;
	text-decoration:underline;
	cursor:pointer;*/
}
.GridView_TrNotFoundData
{	
	background-color:#F4F5F6;
	height:35px;
}
.GridView_TdNotFoundData
{
	text-align:center;
	font-weight:bold;
}
.GridView_TblMain Tr Td
{	
	border-top:solid 1px #dfdfdf;
	border-left:solid 1px #dfdfdf;
}

.GridView_Padding
{
	padding-left:5px;
	padding-right:5px;
}

/*====== FOOTER =======*/

.GridView_TblFooter
{
	width:100%;
}
.GridView_TrFooter
{
	height:40px;
	vertical-align:middle;
}
.GridView_TdFooterFound
{	
	text-align:left;
	white-space:nowrap;
	padding-left:10px;
}
.GridView_TdFooterDisplay
{	
	text-align:left;
	white-space:nowrap;
	width:200px;
}
.GridView_TdFooterPageNumber
{
	text-align:right;
	white-space:nowrap;
	padding-right:10px;
	width:450px;
}
.GridView_TdFooterPageNumber a:hover
{
	text-decoration:underline;
	color:blue;
}
.GridView_TdFooterButton
{
	text-align:left;
	white-space:nowrap;
	padding-left:5px;
}

.GridView_cboRowNumberDisplay
{
	width:75px;
}
.GridView_SpanTotalRow
{
	font-weight:bold;
	color:red;
}
.GridView_aPageNumber
{
	color:black;
	text-decoration:none;
}
.GridView_aCurrentPageNumber
{
	font-weight:bold;
	color:red;
}
.GridView_aExecuteFunction
{
	text-decoration:underline;
	color:#0000FF;
	cursor:pointer;
}

/*============================================= MANAGE FORM =================================*/
.ManageForm_Tbl
{
	width:100%;
	border-spacing: 2px;
}
.ManageForm_Tbl tr th
{
	font-size:12pt;
	text-align:left;
	color:#3B6097;
	font-weight:bold;
	vertical-align:middle;
	padding-left:20px;
	padding-bottom:5px;
}

.ManageForm_TdLabel
{
	vertical-align:middle;
	text-align:right;
	width:150px;
	white-space:nowrap;
	background:#F6F6F6;
	border-bottom: 1px solid #E9E9E9;
	border-right: 1px solid #E9E9E9;
	padding-top:5px;
	padding-bottom:3px;
	padding-right:5px;
}
.ManageForm_TdControl
{
	text-align:left;
	vertical-align:middle;
	padding-left:5px;
	padding-top:5px;
	padding-bottom:3px;
}
.ManageForm_TdMessage
{
	color:Red;
	text-align:left;
	vertical-align:top;
	padding-top:5px;
	padding-left:10px;
}
.Required
{
	color:Red;
}

.ManageForm_TblFCK
{
}
.ManageForm_TblFCK tr th
{	
	padding-bottom:0px;
}
.ManageForm_TblFCK tr td
{
	padding:7px 5px 7px 20px;
	text-align:left;
	width:100%;
	font-weight:bold;
}


/*==============================  CHECKBOX LIST =========================================*/
.CheckboxListTable
{
    font-family:Arial, Tahoma;
    font-size:10pt;    
    border: 1px solid #CDCDCD;
    width:413px;
}
.CheckboxListTable Tr
{    
}
.CheckboxListTable Tr Td
{
    white-space:nowrap;
    height:25px;
}

.ContainerListCheckbox
{
    overflow:auto;
    padding:5px 5px 5px 5px;
    border:solid 1px #7F9DB9;
    background-color: #FFFFFF;
}

/*=========================================================================================*/
.spanLyDoViPham
{
	font-style:italic;
	color:Red;
}

.div_template{
	width:190px;
	height:260px;
	padding:5px;
	margin:20px;
	border:1px solid #999;
	float:left;
}
.div_template img{
	width:160px;
	height:160px;
	margin:0px 15px;
}
/*===================== CONTROL ===========================*/

.Textbox
{
	padding:2px;
}
.TextArea
{
	padding:2px;
}
.Combobox
{
	padding:2px;
}
.Button
{
	font-weight:bold;
	padding:1px;
}
.AExecuteFunction
{
	text-decoration:underline;
	color:#0000FF;
	cursor:pointer;
}


/*========================================= Thay doi giao dien ===============================*/

.div_contain_templates{
	width:800px;
	float:left;
}

.div_contain_templates .div_content{
	float:left;
	width:780px;
	margin:0px 10px 10px 10px;
}

.div_contain_templates .div_content .p_title{
	font-size:10pt;
	font-weight:bold;
	line-height:30px;
	margin:0;
	padding:0;
	background:#356384;
	color:#FFF;
}

.div_contain_templates .div_content .div_image{
	float:left;
	margin:10px 20px 0px 0px;
	width:160px;
	height:184px;
}

.div_contain_templates .div_content .div_image img{
	border:none;
	width:160px;
	height:160px;
}

.div_contain_templates .div_content .div_image a{
	height:24px;
	line-height:24px;
	background:#3f89c3;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	text-align:center;
	text-decoration:underline;
}

.div_contain_templates .div_content .div_image a:hover{
	text-decoration:none;
}

.div_contain_templates .div_content .div_detail{
	float:left;
	width:600px;
	margin-top:10px;
}

.div_contain_templates .div_content .div_template{
	width:220px;
	height:280px;
	margin:20px 0px 0px 28px;
	border:1px solid #999;
	float:left;
}

.div_contain_templates .div_content .div_template h3{
	font-size:12pt;
	font-weight:bold;
	text-align:center;
	line-height:26px;
	margin:0;
}

.div_contain_templates .div_content .div_template h4{
	font-weight:bold;
	font-style:italic;
	text-align:center;
	line-height:20px;
	margin:0 0 5px 0;
}

.div_contain_templates .div_content .div_template img{
	width:160px;
	height:160px;
	margin:0px 30px;
}

.div_contain_templates .div_content .div_template a{
	height:24px;
	line-height:24px;
	background:#3f89c3;
	color:#FFFFFF;
	font-weight:bold;
	margin:0px 30px;
	display:block;
	text-align:center;
	margin-bottom:5px;
	text-decoration:underline;
}

.div_contain_templates .div_content .div_template a:hover{
	text-decoration:none;
}


/*=================================================Tab control=====================================================*/
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #DFDFDF;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	padding: 0 20px;
	border: 1px solid #fff;
	outline: none;
	font-weight:bold;
}
ul.tabs li a:hover {
	background: #ccc;
}	
ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
}
.tab_content {
	padding: 10px;
}
